<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/children/view.css">
    <style>
    </style>
</head>
<body>
<!--1.引入头部header.html-->
<div id="header"></div>
<!--banner部分-------------------------------------->
<div class="banner" style="">
    <div class="banner-content">
        <img src="images/children/yunnan/miyue.png" alt="" style="width:130px;">
        <h1>风·花·雪·月~彩云之南</h1>
        <br>
        <p>木房子，棉花云，满眼东巴色彩，满耳丽江歌声，心向往之必有你想感受到的事物。</p>
    </div>
</div>
<!--moddle_one部分-------------------------------------->
<div class="middle_one" >
    <p>
        <span class="p-span">彩云之南</span>
        <span class="p-span1">你所不了解的云南</span>
    </p>
    <img src="images/children/yunnan/miyue.png" style="width:100px; margin:15px auto 15px;">
    <p class="p-p"> 云南的天空有一种静谧之美，在这片土地上就连时间都流淌得格外缓慢。</p>
    <div class="module module1">
        <a href="#" >
            <div class="block-one">
                    <p>风花雪月----大理</p>
                    <P>FIRST</P>
                    <p class="font-a">在洱海前细品浪漫传说，让苍山见证爱的誓言<br>
                        大理的浪漫，深入骨髓。<br>
                        让专属摄影师用相机记录史诗般的旅程。<br>
                        你的每一次回眸都别具惊世之美。
                    </p>
            </div>
        </a>
    </div>
    <div class="module module2">
        <a href="#">
            <div class="block-one">
                    <p>与你相遇----丽江</p>
                    <p>PRAGUE</p>
                    <p class="font-a">
                        有一种艳遇叫做丽江，<br>
                        有一种古城叫做丽江。<br>
                        大胆的来爱吧你会遇到，<br>
                        一个不一样的或者同你一样的人。
                    </p>
            </div>
        </a>
    </div>
</div>
<!--middle_two部分--------------------------------------------->
<div class="middle_two">
    <div class="middle_two_one">
        <p class="text-t">香格里拉-浪漫吧</p>
        <p class="text-b">那个传说中离天空中很近的地方</p>
        <div class="middle_two_hover">
            <p class="greenT"><img src="icon/heart.svg" alt=""> 云南一角：</p>
            <p class="greenT">张开双臂拥抱香格里拉天空中那抹纯净的蓝色</p>
            <p style="color:#666; line-height:30px; margin:30px auto 45px;">有一个地方叫香格里拉，听说那里是梦想中的伊甸园；
                有一个地方叫天涯海角，听说那里可以看到地老天荒；<br>
                有一个地方叫左边心房，听说那里跳动的每一声都是对你爱的呼唤。<br>
            </p>

        </div>
    </div>
    <div class="middle_two_two">
        <p class="text-t">西双版纳 浓厚的民族气息</p>
        <p class="text-b">苍莽的热带雨林</p>
        <div class="middle_two_hover">
            <p class="greenT"><img src="icon/heart.svg" alt=""> 云南一角：</p>
            <p class="greenT">神秘的宗教氛围、鲜见的少 数民族情调</p>
            <p style="color:#666; line-height:30px; margin:30px auto 45px;">西双版纳是世界上惟一保存完好、连片大面积的热带森林<br>
                目前约有300头亚洲象在这片原始森林中繁衍生息，在野象出没最频繁的野象谷中<br>
                游客只要有耐心就能看到野象在河边饮水、洗澡的情景 <br>会看见传统的傣家竹楼和身着民族服装的傣家人。


            </p>
        </div>
    </div>
    <div class="middle_two_three" >
        <p class="text-t">稻城</p>
        <p class="text-b">有一个地方叫做稻城</p>
        <div class="middle_two_hover">
            <p class="greenT"><img src="icon/heart.svg" alt=""> 云南一角：</p>
            <p class="greenT">干净，一个让你放下所有的地方</p>
            <p style="color:#666; line-height:30px; margin:30px auto 45px;">有一个地方叫做稻城，我要和我最心爱的人一起去哪里，看蔚蓝的天空，看白色的雪山<br>
                看金色的草地，看一场秋天的童话。我要告诉她，如果没有住在你的心里，都是客死他乡！<br>
                我要告诉她，相爱这件事情，就是永远在一起。
            </p>
        </div>
    </div>
</div>
<!--middle_three部分-------------------------------------->
<div class="middle_three">
    <div class="travel_info">
        <div><a href="#"><img src="images/children/yunnan/ylxs.jpg" alt=""></a></div>
        <span class="travel_info_span">玉龙雪山</span>
        <p> 玉龙雪山在纳西语中被称为“欧鲁”<br/>意为银色的山岩，其十三座雪峰连绵不绝<br/>宛若一条“巨龙”腾越飞舞，故称为“玉龙</p>
        <hr>
    </div>
    <div class="travel_info">
        <div><a href="#"><img src="images/children/yunnan/lgh.jpg" alt=""></a></div>
        <span class="travel_info_span">泸沽湖</span>
        <p>中国第三深的淡水湖<br/>被称为“神奇的东方女儿国”<br/>泸沽湖水未遗忘之地，女儿国所剩不多的净土</p>
        <hr>
    </div>
    <div class="travel_info">
        <div><a href="#"><img src="images/children/yunnan/cs.jpg" alt=""></a></div>
        <span class="travel_info_span">苍山洱海</span>
        <p>阴岩犹覆太古雪，白石一化三千秋<br/>巅积雪，山腰白云，天巧神工<br/>素负盛名的“风花雪月”之最</p>
        <hr>
    </div>
</div>
<!--middle_four部分-------------------------------------->
<div class="middle_four">
    <div class="middle_four_one">
        <p>
            <span class="p-span">多彩云南</span>
            <span class="p-span1">看了这么多，还有这么多</span>
        </p>
        <img src="images/children/yunnan/miyue.png" style="width:100px; margin:15px auto 15px;">
        <p class="p-p">云南的天空有一种静谧之美，在这片土地上就连时间都流淌得格外缓慢。</p>
        <div class="content-first">
            <ul class="content-first-ul">
                <li>
                    <img src="images/children/yunnan/xz.png" alt="">
                    <p>宁静喜洲</p>
                    <p>★ ★ ★ ★ </p>
                    <p>大理·喜洲一角</p>
                    <p>电影“五朵金花”的故乡</p>
                </li>
            </ul>
            <ul class="content-first-ul">
                <li>
                    <img src="images/children/yunnan/ehai.png" alt="">
                    <p>&nbsp&nbsp&nbsp洱海</p>
                    <p>★ ★ ★ ★ ★ </p>
                    <p>&nbsp&nbsp洱海·温柔</p>
                    <p>一起在洱海边走走吧</p>
                </li>
            </ul>
            <ul class="content-first-ul">
                <li>
                    <img src="images/children/yunnan/dlgc.png" alt="">
                    <p>大理古城</p>
                    <p>★ ★ ★ ★ ★</p>
                    <p>生活有点不如意</p>
                    <p>不如一路向西去大理吧</p>
                </li>
            </ul>
            <ul class="content-first-ul">
                <li>
                    <img src="images/children/yunnan/hudiequan.jpg" alt="">
                    <p>&nbsp&nbsp蝴蝶泉</p>
                    <p>★ ★ ★ ★ ★★</p>
                    <p>&nbsp&nbsp浪漫的情人湖</p>
                    <p>和所爱的人感受白族的爱情</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="middle_four_two">
        <div class="content-two">
            <div class="content-two-top">
                <div>
                    <img src="images/children/yunnan/sheying.png"style="width: 200px;">
                    <p style="font-size: 24px; color:#544641; font-weight: 600;margin-top: 18px;">虎跳峡</p>
                    <p style="font-size: 30px; color:#544641; font-weight: bold; margin-top: 10px;">想挑战自我吗</p>
                    <div class="img-bottom">
                        <img src="images/children/yunnan/c.jpg"style="width:350px; height:234px; margin:20px auto 0">
                        <div class="img-bottom-text" >虎跳峡历史背景</div>
                    </div>
                    <p style="margin-top:10px;">虎跳峡，以"险"名天下，是中国最深的峡谷之一。<br>虎跳峡有香格里拉段和丽江段和之分</p>
                    <p style="margin:20px auto 20px"><img src="images/children/yunnan/clock.png" alt="" style="width: 20px"><span style="font-weight: bold;"> 推荐原由：
							</span> 追寻历史悠久 体验极致刺激</p>
                </div>
                <div>
                    <img src="images/children/yunnan/sheying.png" alt="" style="width: 200px;">
                    <p style="font-size: 24px; color:#544641; font-weight: 600; margin-top: 18px;">纯净的泸沽湖边</p>
                    <p style="font-size: 30px; color:#544641; font-weight: bold; margin-top: 10px;">每一个涟漪都是浪漫</p>
                    <div class="img-bottom">
                        <img src="images/children/yunnan/luguhu.png" alt="" style="width: 350px; height:234px; margin: 20px auto 0">
                        <div class="img-bottom-text">泸沽湖美景</div>
                    </div>
                    <p style="margin-top:10px;">泸沽湖属高原断层溶蚀陷落湖泊，由一个<br>西北东南向的断层 和两个东西向的断层共同构成。</p>
                    <p style="margin:20px auto 20px"><img src="images/children/yunnan/clock.png" alt="" style="width: 20px"><span style="font-weight: bold;"> 推荐原由：
							</span>感受那醉人湖光山色，古老原始而又神秘的的民族风情</p>
                </div>
            </div>
                <br>
                 <hr>
            <div class="content-two-bottom">
                <div>
                    <p style="font-size: 24px; color:#544641; font-weight: 600">最美滇池</p>
                    <p style="font-size: 30px; color:#544641; font-weight: bold; margin-top: 10px;">重叠细纹晴漾红，沙月对眉生</p>
                    <p style="font-size: 15px; line-height: 25px; margin: 15px;">
                        滇池又称昆明湖，是云南最大的淡水湖湖面烟波浩渺，十分壮阔可以在湖边漫步也可以登上龙门俯瞰滇池</p>
                    <img src="images/children/yunnan/shilin.jpg" alt="" style="width: 200px">
                    <p style="margin-top: 25px"><img src="images/children/yunnan/clock.png" alt="" style="width: 20px"><span style="font-weight: bold;"> 推荐时长：
						</span> 10天9晚，行程较为休闲、放松。</p>
                </div>
                <div>
                    <div class="img-bottom">
                        <img src="images/children/yunnan/dianchi.jpg" alt="" style="width: 350px; margin-top:30px;">
                        <div class="img-bottom-text">人间滇池</div>
                    </div>
                    <br>
                </div>
            </div>
                 <br>
                <hr>
        </div>
    </div>
</div>.
<!--footer模块--------------------------------------------------->
<div id="footer" class="floor"></div>
</body>
<script src="js/index/jquery.js"></script>
<script type="text/javascript" src="js/header/header.js"></script>
<script type="text/javascript" src="js/footer/footer.js"></script>
</html>